<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Вёрстка сайта</title>
    <link rel="stylesheet" href="styles/style.css">
</head>
<body>

<section class="main">
    <header class="header">
        <div class="container">
            <div class="container-menu">
                <img src="assets/images/logo.png" alt="logo" class="logo">
                <nav class="header-menu">
                    <ul class="menu-list-items">
                        <li class="menu-item"><a href="#">Обучение</a></li>
                        <li class="menu-item"><a href="#">Карьерный рост</a></li>
                        <li class="menu-item"><a href="#">Повышение дохода</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div class="container">
        <div class="main-info">
            <h1 class="main-title">Вёрстка сайтов с Романом Черновым</h1>
            <p class="main-text">С нуля до позиции Junior за 4 месяца</p>
            <button class="button">Подробнее о курсе</button>
        </div>
    </div>
</section>

<section class="info">
    <div class="container">
        <h2 class="title-h2">За время обучения на курсе вы:</h2>
        <ul class="info-list-items">
            <li class="info-item">Освоите технологии веб-верстки HTML и CSS</li>
            <li class="info-item">Обучитесь основам программирования на JavaScript</li>
            <li class="info-item">Научитесь верстать сайты по дизайн-макетам</li>
            <li class="info-item">Создадите 3 крутых проекта для портфолио</li>
            <li class="info-item">Прочувствуете мощную поддержку опытного наставника</li>
        </ul>
    </div>
</section>

<section class="learning">
    <div class="learning-container">
        <h2 class="title-h2 learn-title">Обучайтесь у профессионалов своего дела!</h2>
        <p class="learn-text-first">Посмотрите прямо сейчас ознакомительный урок от автора курса <b>Романа Чернова</b>. На этом уроке вы познакомитесь с
            преподавателем и попробуете создать страницу сайта сами, повторяя за преподавателем!
        </p>
        <p class="learn-text-second">
            Вы поймете, что с крутым преподавателем разрабатывать сайты не так сложно, как кажется. К тому же, это очень
            интересно и занимательно!
        </p>
        <button class="button btn-purple">Подробнее о курсе</button>
    </div>
    <footer class="footer">
            <img src="assets/images/logo.png" alt="logo" class="logo">
    </footer>
</section>

</body>
</html>